<template>
	<div>
		<ul class="list">
			<li class="item">A</li>
			<li class="item">B</li>
			<li class="item">C</li>
			<li class="item">D</li>
			<li class="item">E</li>
			<li class="item">F</li>
			<li class="item">H</li>
			<li class="item">I</li>
			<li class="item">J</li>
			<li class="item">K</li>
			<li class="item">L</li>
			<li class="item">M</li>
			<li class="item">N</li>
		</ul>
	</div>
</template>

<script>
	export default {
		name: 'CityAlphabet'
	}
</script>

<style lang="stylus" scoped>
	@import '~@/assets/styles/varibles.styl'

	.list {
		// //	display:flex;
		//   vertical-align: middle;
		// 	//flex-direction:colum;
		// 	//justify-content:center;
		// 	position: absolute;
		// 	//top:1.58rem;
		// 	right:0;
		// 	//bottom:0;
		// 	width:2rem;
		// 	// background:red;
		position: absolute;
		right: 0px;
		// top: -245px;
		top:280px;
		float: right;
	}

	.item {
		margin-top:5px;
		color: $bgColor;
		text-align: center;
		display:flex;
	}
</style>
